<template>
	<view>
		<view class="register_title">
			<text>用户注册</text>
		</view>
		<view class="register_input register_input_first">
			<input placeholder="请输入用户名"/>
		</view>
		<view class="register_input">
			<input placeholder="请输入昵称"/>
		</view>
		<view class="register_input">
			<input placeholder="请输入手机号或邮箱"/>
		</view>
		<view class="register_input">
			<input placeholder="请输入验证码"/>
			
			<view class="ri_btn">
				<text>发送验证码</text>
			</view>
		</view>
		<view class="register_input">
			<input placeholder="请输入密码"/>
		</view>
		<view class="view_btn">
			<text>立即注册</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	.register_title{
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		margin-top: 60rpx;
		padding: 0 30rpx;
		box-sizing: border-box;
		font-size: 42rpx;
		font-weight: bold;
	}
	.register_input{
		width: calc(100% - 60rpx);
		height: 85rpx;
		margin-left: 30rpx;
		border-radius: 16rpx;
		border: 1px solid #e6e6e6;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		margin-top: 30rpx;
	}
	.register_input input{
		width: 100%;
		height: 100%;
		background: transparent;
		border: 0px;
		outline: none;
		padding-left: 30rpx;
		box-sizing: border-box;
	}
	.view_btn{
		width: calc(100% - 60rpx);
		margin-left: 30rpx;
		margin-top: 60rpx;
		background: $uni-color-primary;
		height: 70rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 28rpx;
		color: #fff;
		border-radius: 8rpx;
	}
	.ri_btn{
		width: 240rpx;
		height:60rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: $uni-color-primary;
		margin-right: 30rpx;
		border-radius: 8rpx;
		color: #fff;
		font-size: 24rpx;
	}
</style>
